<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
	<meta name = "format-detection" content = "telephone=no,email=no,address=no,date=no,url=no"/>
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/style.css">
	<script src="js/FontSize.js"></script>
	<title>报告详情页</title>
</head>
<body>
	<div class="report">
    <div class="user_box">
      <span><img src="./img/人像.png" alt=""></span>
      <div>
        <div><div class="user_box_item1">姓名</div><div class="user_box_item2">王小明</div></div>
        <div><div class="user_box_item1">学籍省份</div><div class="user_box_item2">河北省</div></div>
        <div><div class="user_box_item1">年级</div><div class="user_box_item2">高三（2024年高考）</div></div>
        <div><div class="user_box_item1">文化预估</div><div class="user_box_item2">450分</div></div>
      </div>
    </div>
    <div class="line"></div>
    <div class="unse_mark">
      <div class="unse_mark_item">
        <div class="unse_mark_item1">文化参考排位 <span class="pl20"> 100 </span> 名</div>
        <div class="unse_mark_item2">统考目标分数 <span class="pl20"> 240 </span></div>
      </div>
      <div class="unse_mark_item">
        <div class="unse_mark_item1">文化指数 <em class="num_line"><i style="width: 40%;"></i></em></div>
        <div class="unse_mark_item2">专业素养 <em class="num_line"><i style="width: 80%;"></i></em></div>
      </div>
      <div class="unse_mark_item">
        <div class="unse_mark_item1">竞争指数 <em class="xingxing"></em></div>
        <div class="unse_mark_item2">升学压力 <em class="xingxing"></em><em class="xingxing"></em><em class="xingxing"></em></div>
      </div>
    </div>
    <div class="Reference">
      <div class="p1">预估您的投档参考分</div>
      <div class="p2">568分</div>
      <div class="p3">本省投档算分方式</div>
      <div class="p3">文化分×0.3+专业分÷专业总分×750×0.7</div>
    </div>
    <div class="view_title"> <i class="view_title_icn3"></i>您目前分数报考统考大学情况分析</div>
    <div class="line"></div>
    <div class="Standard">
      <ul>
        <li>
          <span class="item_1">大学类型</span>
          <span class="item_2">数量</span>
          <span class="item_3">是否达标</span>
          <span class="item_4">专业分</span>
          <span class="item_5">或</span>
          <span class="item_6">文化分</span>
        </li>
        <li>
          <span class="item_1">双一流大学</span>
          <span class="item_2">20所</span>
          <span class="item_3"><i class="label_1">需提高</i></span>
          <span class="item_4">40分</span>
          <span class="item_5">或</span>
          <span class="item_6">120分</span>
        </li>
        <li>
          <span class="item_1">双一流大学</span>
          <span class="item_2">20所</span>
          <span class="item_3"><i class="label_1">需提高</i></span>
          <span class="item_4">40分</span>
          <span class="item_5">或</span>
          <span class="item_6">120分</span>
        </li>
        <li>
          <span class="item_1">双一流大学</span>
          <span class="item_2">20所</span>
          <span class="item_3"><i class="label_1">需提高</i></span>
          <span class="item_4">40分</span>
          <span class="item_5">或</span>
          <span class="item_6">120分</span>
        </li>
        <li>
          <span class="item_1">双一流大学</span>
          <span class="item_2">20所</span>
          <span class="item_3"><i class="label_1">需提高</i></span>
          <span class="item_4">40分</span>
          <span class="item_5">或</span>
          <span class="item_6">120分</span>
        </li>
        <li>
          <span class="item_1">双一流大学</span>
          <span class="item_2">200所</span>
          <span class="item_3"><i class="label_2">分数达标</i></span>
          <span class="item_4"></span>
          <span class="item_5"></span>
          <span class="item_6"></span>
        </li>
        <li>
          <span class="item_1">双一流大学</span>
          <span class="item_2">200所</span>
          <span class="item_3"><i class="label_2">分数达标</i></span>
          <span class="item_4"></span>
          <span class="item_5"></span>
          <span class="item_6"></span>
        </li>
        <li>
          <span class="item_1">双一流大学</span>
          <span class="item_2">200所</span>
          <span class="item_3"><i class="label_2">分数达标</i></span>
          <span class="item_4"></span>
          <span class="item_5"></span>
          <span class="item_6"></span>
        </li>
      </ul>
      <p>拼了！为了更好的大学</p>
    </div>
    <div class="view_title"> <i class="view_title_icn1"></i>您所在省，文化课本省招录要求</div>
    <div class="echarts_box">
		<div class="tip pt80"> <span>河北省 </span>历年文化本科、专科控制线</div>
		<div id="echarts1" class=pt25 style="height: 8rem;"></div>
		<div class="tip pt100">您文化分在本省预估位次 <p> <i></i>您的位置</p></div>
		<div id="echarts2" class=pt25 style="height: 8rem;"></div>
    </div>
	  <div class="view_title"> <i class="view_title_icn2"></i>您所在省，专业课分数要求情况</div>
    <div class="echarts_box">
      <div class="tip pt80"> <span>河北省 </span>历年专业本科、专科控制线</div>
      <div id="echarts3" class=pt25 style="height: 8rem;"></div>
      <div class="tip pt100">本省统考成绩段位情况 <p> <i></i>您的目标分数段</p></div>
      <div id="echarts4" class=pt25 style="height: 8rem;"></div>
    </div>
    <div class="view_title"> <i class="view_title_icn3"></i>您所在省招录概况</div>
    <div class="line"></div>
    <div class="ratio_box">
      <p>本省录取情况</p>
      <ul class="pt40">
        <li class="ratio_box_item"><label>本科</label> <span><i style="width: 60%"></i></span> <em>60%</em></li>
        <li class="ratio_box_item"><label>专科</label> <span><i style="width: 85%"></i></span> <em>85%</em></li>
        <li class="ratio_box_item"><label>整体</label> <span><i style="width: 70%"></i></span> <em>70%</em></li>
      </ul>
    </div>
    <div class="line"></div>
    <div class="lipici_box">
      <p><span>河北省</span> 历批次设置</p>
      <ul>
        <li class="lipici_box_item">
          <span class="lipici_item_1">名称</span>
          <span class="lipici_item_2">大学</span>
          <span class="lipici_item_3">专业</span>
          <span class="lipici_item_4">录取模式</span>
        </li>
        <li class="lipici_box_item">
          <span class="lipici_item_1">艺术本科(一)非平行志愿</span>
          <span class="lipici_item_2">北京大学</span>
          <span class="lipici_item_3">道口烧鸡</span>
          <span class="lipici_item_4">的风格</span>
        </li>
        <li class="lipici_box_item">
          <span class="lipici_item_1">艺术本科(一)平行志愿</span>
          <span class="lipici_item_2">清华大学</span>
          <span class="lipici_item_3">德州扒鸡</span>
          <span class="lipici_item_4">的广泛</span>
        </li>
        <li class="lipici_box_item">
          <span class="lipici_item_1">艺术本科(二)</span>
          <span class="lipici_item_2">新疆大学</span>
          <span class="lipici_item_3">新疆棉花</span>
          <span class="lipici_item_4">范德萨</span>
        </li>
      </ul>
    </div>
    <div class="line"></div>
    <div style="padding: 0.75rem 1.25rem;line-height: 1.4;">
      <p style="color: #ffaa05;font-size: 0.75rem;">本省录取规则</p>
      <p style="color: #666666;font-size: 0.6rem;text-align: justify;line-height: 1.4;"class="pt25">（文化分/文化满分）×750×0.3+（专业分/专业满分）×750×0.7</p>
    </div>
    <div class="line"></div>
    <div class="view_title"> <i class="view_title_icn4"></i>为您推荐参考与冲刺大学</div>
    <div class="tabMax_box">
      <div class="act">您的参考大学</div>
      <div>您的冲刺大学</div>
    </div>
    <div>
      <div class="school_box">
        <div class="school_card act">
          <img src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=107497012,2455805453&fm=26&gp=0.jpg" alt="" class="school_img">
          <div class="school_cont">
            <div class="school_name">
              撒旦发射点个吨工
              <div class="school_name_right"><em class="xian"></em><em class="tong"></em> 天津 <div class="btn_down"></div></div>
            </div>
            <p><span>北京</span> <span>985</span> <span>211教育部直属</span></p>
            <p>二本 艺术类二本</p>
          </div>
        </div>
        <ul class="school_major down">
          <li>
            <div class="major_name">艺术设计</div>
            <div class="major_foot"><span>计划：<strong>13人</strong></span> <div class="btn">添加志愿</div></div>
          </li>
          <li>
            <div class="major_name">艺术设计</div>
            <div class="major_foot"><span>计划：<strong>13人</strong></span> <div class="btn">添加志愿</div></div>
          </li>
          <li>
            <div class="major_name">艺术设计</div>
            <div class="major_foot"><span>计划：<strong>13人</strong></span> <div class="btn">添加志愿</div></div>
          </li>
        </ul>
      </div>
      <div class="school_box">
        <div class="school_card act">
          <img src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=107497012,2455805453&fm=26&gp=0.jpg" alt="" class="school_img">
          <div class="school_cont">
            <div class="school_name">
              撒旦发射点个吨工
              <div class="school_name_right"><em class="xian"></em><em class="tong"></em> 天津 <div class="btn_down"></div></div>
            </div>
            <p><span>北京</span> <span>985</span> <span>211教育部直属</span></p>
            <p>二本 艺术类二本</p>
          </div>
        </div>
        <ul class="school_major down">
          <li>
            <div class="major_name">艺术设计</div>
            <div class="major_foot"><span>计划：<strong>13人</strong></span> <div class="btn">添加志愿</div></div>
          </li>
          <li>
            <div class="major_name">艺术设计</div>
            <div class="major_foot"><span>计划：<strong>13人</strong></span> <div class="btn">添加志愿</div></div>
          </li>
        </ul>
      </div>
      <div class="school_box">
        <div class="school_card">
          <img src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=107497012,2455805453&fm=26&gp=0.jpg" alt="" class="school_img">
          <div class="school_cont">
            <div class="school_name">
              撒旦发射点个吨工
              <div class="school_name_right"><em class="xian"></em><em class="tong"></em> 天津 <div class="btn_down"></div></div>
            </div>
            <p><span>北京</span> <span>985</span> <span>211教育部直属</span></p>
            <p>二本 艺术类二本</p>
          </div>
        </div>
        <ul class="school_major">
          <li>
            <div class="major_name">艺术设计</div>
            <div class="major_foot"><span>计划：<strong>13人</strong></span> <div class="btn">添加志愿</div></div>
          </li>
        </ul>
      </div>
    </div>
    <div class="open_vip">
      <p>开通会员，查看共计20所推荐院校</p>
      <button class="btn mt40">开通会员</button>
    </div>
    <div class="line"></div>
    <div class="view_title"> <i class="view_title_icn5"></i>为您推荐校考参考大学</div>
    <div class="tabMax_box">
      <div class="act">适合您的校考大学</div>
      <div>其它校考大学</div>
    </div>
    <div>
      <div class="school_box">
        <div class="school_card">
          <img src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=107497012,2455805453&fm=26&gp=0.jpg" alt="" class="school_img">
          <div class="school_cont">
            <div class="school_name">
              撒旦发射点个吨工
              <div class="school_name_right"><em class="xiao"></em> 天津 <div class="btn_down"></div></div>
            </div>
            <p><span>北京</span> <span>985</span> <span>211教育部直属</span></p>
            <p>二本 艺术类二本</p>
          </div>
        </div>
        <ul class="school_major">
          <li>
            <div class="major_name">艺术设计</div>
            <div class="major_foot"><span>计划：<strong>13人</strong></span> <div class="btn">添加志愿</div></div>
          </li>
          <li>
            <div class="major_name">艺术设计</div>
            <div class="major_foot"><span>计划：<strong>13人</strong></span> <div class="btn">添加志愿</div></div>
          </li>
        </ul>
      </div>
      <div class="school_box">
        <div class="school_card">
          <img src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=107497012,2455805453&fm=26&gp=0.jpg" alt="" class="school_img">
          <div class="school_cont">
            <div class="school_name">
              撒旦发射点个吨工
              <div class="school_name_right"><em class="xian"></em><em class="xiao"></em> 天津 <div class="btn_down"></div></div>
            </div>
            <p><span>北京</span> <span>985</span> <span>211教育部直属</span></p>
            <p>二本 艺术类二本</p>
          </div>
        </div>
        <ul class="school_major">
          <li>
            <div class="major_name">艺术设计</div>
            <div class="major_foot"><span>计划：<strong>13人</strong></span> <div class="btn">添加志愿</div></div>
          </li>
        </ul>
      </div>
    </div>
    <div class="open_vip">
      <p>开通会员，查看更多推荐校考大学</p>
      <button class="btn mt40">开通会员</button>
    </div>
    <div class="zhuanye_box">
      <p>美术生 - 专业方向与就业前景</p>
      <ul>
        <li class="zhuanye_box_item"><span class="zhuanye_item_1">美术学（绘画造型方向）</span><span class="zhuanye_item_2"></span></li>
        <li class="zhuanye_box_item"><span class="zhuanye_item_1">艺术设计方向</span><span class="zhuanye_item_2"></span></li>
        <li class="zhuanye_box_item"><span class="zhuanye_item_1">中国画与书法</span><span class="zhuanye_item_2"></span></li>
        <li class="zhuanye_box_item"><span class="zhuanye_item_1">艺术学理论类</span><span class="zhuanye_item_2"></span></li>
        <li class="zhuanye_box_item"><span class="zhuanye_item_1">戏剧影视动漫</span><span class="zhuanye_item_2"></span></li>
        <li class="zhuanye_box_item"><span class="zhuanye_item_1">环境、景观、建筑、公共艺术</span><span class="zhuanye_item_2"></span></li>
        <li class="zhuanye_box_item"><span class="zhuanye_item_1">实验艺术</span><span class="zhuanye_item_2"></span></li>
        <li class="zhuanye_box_item"><span class="zhuanye_item_1">艺术与科技</span><span class="zhuanye_item_2"></span></li>
        <li class="zhuanye_box_item"><span class="zhuanye_item_1">陶瓷艺术</span><span class="zhuanye_item_2"></span></li>
        <li class="zhuanye_box_item"><span class="zhuanye_item_1">文物修复</span><span class="zhuanye_item_2"></span></li>
        <li class="zhuanye_box_item"><span class="zhuanye_item_1">美术师范类</span><span class="zhuanye_item_2"></span></li>
      </ul>
    </div>
    <div class="pt80"></div>
    <div class="sub_btn">预约专家定制学业规划</div>
    <a href="javascript:;" style="text-align: center;display: block;margin: 1rem auto;color: #ff1e33;font-size: 0.6rem">开通会员，查看更多推荐校考大学</a>
	</div>
</body>
<script src="js/jquery-3.5.0.min.js"></script>
<script src="js/echarts.min.js"></script>
<script src=js/chart_1.js></script>
<script src=js/chart_2.js></script>
<script src=js/chart_3.js></script>
<script src=js/chart_4.js></script>
<script>
	$(function () {
      chartInit1()
      chartInit2()
      chartInit3()
      chartInit4()
      $('.tabMax_box>div').on('click', function () {
        $(this).addClass('act').siblings().removeClass('act')
      })
      $('.school_card').on('click', function () {
        let $ele = $(this).next('.school_major')
        if ($ele.hasClass('down')) {
          $(this).removeClass('act')
          $ele.removeClass('down')
        } else {
          $(this).addClass('act')
          $ele.addClass('down')
        }
      })

	})
</script>
</html>
